﻿<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../include/taglib.jsp"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon-precomposed" href="${ctxAssets}/img/m/images/icon/logo-icon.png">
<title>${productDto.name } | ${productDto.classifyName } </title>
<meta name="keywords" content="${seoName }">
<meta name="description" content="${seoName }">

<link href="${ctxAssets}/css/m/theme/default/style.css" rel="stylesheet" type="text/css">
<link href="${ctxAssets}/css/m/theme/default/common.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${ctxAssets}/js/m/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${ctxAssets}/js/m/global.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/m/slide_show.js"></script>
</head>


<body>
<div id="wrapper">
	<div id="header">
		<a href="${ctx }/m/mHome" class="home"></a>
		<em></em>
		<a href="${ctx }/m/catalog" class="siteMap"></a>
	</div>
  
	<div class="urHere">
		当前位置：产品中心<b>&gt;</b>
		<a href="${ctx }/m/productList?brandId=${productDto.brandId}&classifyId=${productDto.classifyId}">
			${productDto.classifyName }
		</a>
<!-- 		<b>&gt;</b> -->
<%-- 		${productDto.name } --%>
	</div>

 	<div id="product">
			<div class="slideShow" style="max-width: 100%;">
				<div class="slideBox" style="width: 100%; overflow: hidden; position: relative; ">
					<ul class="slides" 
						style="width: 515%; position: relative; transition-duration: 0s; transform: translate3d(-1242px, 0px, 0px);">
					<c:forEach items="${productDto.imgDtos}" var="dto">
						<li><img src="${ctx}/${dto.imgPaths }" width="600px"/></li>
					</c:forEach>
					</ul>
				</div>
			</div>
			<script type="text/javascript">
			$(document).ready(function(){
				$('.slides').bxSlider({});
			})
			</script>
 		<div class="info">
		<h1>${productDto.name }</h1>
 		<dl class="defined"></dl>
		<dl class="detil">
			<!--<table>
			<c:if test="${productDto.classifyId == 1}"></c:if>
				<tr>
					<td>cpu</td><td>${productDto.cpu }</td><td></td><td></td><td>ROM</td><td>${productDto.rom }</td>
				</tr>
				<tr>
					<td>内存</td><td>${productDto.ram }</td><td></td><td></td><td>分辨率</td><td>${productDto.resolution }</td>
				</tr>
				<tr>
					<td>摄像头</td><td>${productDto.camera }</td><td></td><td></td><td>屏幕</td><td>${productDto.screenSize }</td>
				</tr>
				<tr>
					<td>卡槽</td><td>${productDto.card }</td><td></td><td></td><td>网络</td><td>${productDto.master }</td>
				</tr>
				<tr>
					<td>显卡</td><td>${productDto.gcard }</td><td></td>
				</tr>
			</table>-->
			<div>
				<div class="left"><span>cpu：</span><span>${productDto.cpu }</span></div>
				<div class="left"><span>ROM：</span><span>${productDto.rom}</span></div>
			</div>
			<div>
				<div class="left"><span>内存：</span><span>${productDto.ram }</span></div>
				<div class="left"><span>分辨率：</span><span>${productDto.resolution}</span></div>
			</div>
			<div>
				<div class="left"><span>摄像头：</span><span>${productDto.camera }</span></div>
				<div class="left"><span>屏幕：</span><span>${productDto.screenSize}</span></div>
			</div>
			<div>
				<div class="left"><span>卡槽：</span><span>${productDto.card }</span></div>
				<div class="left"><span>网络：</span><span>${productDto.master}</span></div>
			</div>
			<div>
				<div class="left"><span>显卡：</span><span>${productDto.gcard }</span></div>
			</div>
		</dl>
 		<div style="clear: both;"></div>
		<!--<dl class="price showPrice">售价：￥${productDto.price } 元 </dl>-->
		<!--<dl class="price">首付：￥${productDto.downPayment } 元 </dl>
		<dl class="price">月供：￥${productDto.monthlyPayment }元</dl>-->
				<div id="dmp">
					<div id="dp" class="d_bh arrow">
						<div class="arrow-right"></div>首付：${productDto.downPayment }
					</div>
					<div id="mp" class="d_bh arrow" style="font-size: 12px;color: #000;">月供：￥${productDto.monthlyPayment }
					</div>
				</div>
		<div style="clear: both;"></div>
 		<dl class="tel">
			<dt>销售热线：</dt>
			<dd><a href="tel:${sellNumber}">${sellNumber}</a>、<a href="tel:${sellNumber2}">${sellNumber2}</a></dd>
 		</dl>
 		<dl class="addres">
			<dt>${addres}</dt>
			<dd><img src="${ctxAssets }/img/pc/fixCenter.png" width="100px" height="100px"/></dd>
 		</dl>
 	</div>
 	<div class="content">
 		<h3>产品介绍</h3>
 		<ul>
			${productDto.content }
 		</ul>
	</div>
 </div>

<%@include file="../include/footer.jsp"%>
 
</div>
<%@include file="../include/footer_contact.jsp"%>
</body>
</html>